// 显隐
.fade-enter, .fade-leave-to{
  opacity: 0;
}
.fade-enter-active, .fade-leave-active{
  transition: opacity 0.2s;
}
.fade-enter-to, .fade-leave{

}


// 浮起
.float-enter, .float-leave-to{
  transform: translateY(100%);
  opacity: 0.5;
}
.float-enter-active, .float-leave-active{
  transition: all 0.3s;
}
.float-enter-to, .float-leave{

}
// 左右滑动
.move-in-enter, .move-out-leave-to{
  transform: translateX(100%);
}
.move-in-leave, .move-out-enter-to{

}
.move-in-enter-active, .move-in-leave-active,
.move-out-enter-active, .move-out-leave-active{
  transition: transform 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.move-in-enter-to, .move-out-leave{

}
.move-in-leave-to, .move-out-enter{
  transform: translateX(-100%);
}
